:javascript
  var seed = "#{@seed.s}";

-#dummy for getting pixel width
#dummyc

-# Notification Templates
-# login
#lnt
  #basic-template
    %p(style="color:#ff1e00;font-size:0.8em;text-align:center")\#{text}
-# standard error
#ent
  #basic-template
    %p(style="color:#ff1e00;text-align:center")\#{text}

-# Total overlay
#to
  %p One moment ...
  %p
    %img(src="/assets/app/loader.png")

-# Login box
#lw(style="display:none")
  #lb.bb
    %h3 LanguageLive
    %form#lf.jqt
      %div
        %input#unb.cf.lbi(type="text" placeholder="Username")
      %div
        %input#pwb.cf.lbi(type="password" placeholder="Password")
      %div
        %input#rmch(type="checkbox" name="remember" value="user")
        %label(for="rmch") Remember Me
        %input#rmph(type="checkbox" name="remember" value="user")
        %label(for="rpch") Remember My Password
      %div(style="text-align:center")
        %input#lib.default(type="button" value="Log In" onclick="login()")
  #fp
    %span Forgotten your password?

-# Class selection box
#cs.bb(style="display:none")
  TODO

-#Main content
#mc(style="display:none")
  -#HEADER
  #h
  #hl
    -# dojo/hall switch + vocab/grammar/activities
    %ul#tn
      -#TODO: Load depending on language, set active from code
      %li#djn.active practice
      %li#hzn share
    %div#sn
      %ul.sn
        %li#vcn.active vocab
        %li#grn grammar
        %li#acn activities
      -#TODO: Hall of Zen navigation
      %ul.sn(style="display:none")
        %li#hzo overview
        %li#hzq questions
  %div#hr
    %div#un
      No Name
      %ul.menu(style="width:6em")
        %li
          %a(onclick="rightheader.view_settings()") Settings
        %li
          %a(href="http://languagelive.co.nz/support" target="_blank" rel="external") Help
        %li
          %a(href="javascript:location.reload(true)") Log Out
    %div#li
      -#FIXME: Potential breakage if different sized text
      -#TODO: Load on login
      = image_tag "app/flags/jp.png", style: "vertical-align:bottom", id: "laf"
      %span#cl 201
      %ul.menu(style="width:10em;right:0")
        %li Switch Class
        -#TODO: Add margin, background-image for selected
        -#TODO: Load these from the database
        %li.menu-rb.class-rb 101
        %li.menu-rb.class-rb.active 201
        %li.menu-rb.class-rb 301
        %li Switch Language
  -#CONTENT
  #vc(style="display:block")
    %canvas#vcanvas
    #vcdata
      %ul
  #vleft.sidebar.sleft(style="display:block")
    %table.menu
      %tr.active.image
        %td
          %img(src="/assets/app/themes/freshnight/icons/cloud.png")
          Cloud
      %tr.spacer
      %tr.image
        %td
          %img(src="/assets/app/themes/freshnight/icons/list.png")
          All Vocab
      %tr.spacer
      %tr(style="display:none")
        %td Custom categories
      %tr
        %td Nouns
      %tr
        %td Verbs
      %tr
        %td Adjectives
      %tr
        %td Others
  #vright.sidebar.sright.jqt(style="display:block")
    #vstbtn.bt(style="margin-bottom: 1em;padding:0.7em;text-align: center")
      %img(src="/assets/app/themes/freshnight/icons/go.png" align="middle" style="vertical-align:middle")
      Start Test
    .pad Questions:
    #nqlist.rblist.horizontal.hfill
      -#TODO: Put width in a stylesheet
      .rb.first(style="width:2.9em")> 10
      .rb.active(style="width:2.9em")> 20
      .rb(style="width:2.9em")> 50
      .rb.last(style="width:2.9em")> 100
    .pad Time Per Question:
    #tqlist.rblist.horizontal.hfill
      .rb.first(style="width:2.9em")> 15s
      .rb.active(style="width:2.9em")> 30s
      .rb(style="width:2.9em")> 45s
      .rb.last(style="width:2.9em")> 60s
    .pad From:
    #vflist.rblist.vertical.hfill
      .rb.first Selected Words
      .rb Selected Category
      .rb.last.active All Words
    .pad Type:
    #tylist.rblist.vertical.hfill
      #langtoengrb.rb.first.active ___ to English
      #engtolangrb.rb English to ___
      #spoktoengrb.rb.last Spoken ___ to English
  #vl
    #vgrid(style="height:100%")
  -# Vocab test
  #voverlay.overlay
  #vbackbtn.rb(style="display:none") Go Back
  #vtestc.bb.jqt(style="display:none")
    #vtdisplay
      0
    .qdisplay
      Question
      %span#vcurq 0
      \/
      %span#vqnum 0
    .pcorrect
      %span#vpcor 0
      \% correct
    .progress#vprogress
    .question#vquestion
      Test
    %input.answerbox#vanswerbox(type="text")
    -#TODO: Positioning breaks with different font sizes
    %input.submitbtn#vsubmitbtn(type="button" value="Submit")
    %span.replay Replay
    %span#vcorrect Correct!
    #vinputwidget
  #vwrong.bb.jqt
    %p Correct answer:
    %p#vanswer Something
    %p You entered:
    %p#vinputted Something
    %input#vsubmit(type="button" value="OK")
    %a#vwasright I was right!
  #gc
    %h2#gstruct Grammar Structure
    %p
      %em#gusage Usage
    %p#gexpl Explanation
    %p For Example:
    %table#gexamples.hfill.jqt
      %tr#gaddrow(style="display:none")
        %td(style="width:50%")
          %input#gegtext.cf(placeholder="Example")
        %td(style="width:50%")
          %input#gtrtext.cf(placeholder="Translation")
        %td(style="width:16px")
      %tr
        %td
          %span#addegbtn.bt(style="padding:0.2em") + Add Example
          %span#cancelegbtn.bt(style="display:none;padding:0.2em") X Cancel
  #gleft.sidebar.sleft
    %table.menu#gchooser
      %tr
        %td Test 1
      %tr
        %td Test 2
      %tr
        %td Test 3
  #gright.sidebar.sright
  #ac
    Sorry, the activities view isn't available yet. You can look at the
    = link_to "Roadmap", '/roadmap'
    for information on when we plan to have it completed.
  #al
    Sorry, the activities view isn't available yet. You can look at the
    = link_to "Roadmap", '/roadmap'
    for information on when we plan to have it completed.
  #hc
    Sorry, the class overview and questions view aren't available yet. You can look at the
    = link_to "Roadmap", '/roadmap'
    for information on when we plan to have it completed.
  #hq
    Sorry, the questions view isn't available yet. You can look at the
    = link_to "Roadmap", '/roadmap'
    for information on when we plan to have it completed.
  #settingsoverlay.overlay
    #settingsbackbtn.rb(onclick="rightheader.view_settings()") Go Back
    #settingsbox.bb(style="position:absolute;width:20em;height:15em;left:50%;margin-left:-10em;top:50%;margin-top:-7.5em")
      %h3 Change Password
      %form.jqt
        -#TODO: Set inputs to display: block instead
        %div
          %input.cf.lbi(type="password" placeholder="Old Password")
        %div
          %input.cf.lbi(type="password" placeholder="New Password")
        %div
          %input.cf.lbi(type="password" placeholder="Confirm Password")
        %div(style="text-align:center")
          %input(type="button" value="Submit")

  -#FOOTER
  #f
    #lefthidebutton
      %table.fill
        %tr
          %td.hfill(style="text-align:left") Hide Panel
          %td=image_tag "app/themes/freshnight/icons/arrow_down.png"
    #righthidebutton
      %table.fill
        %tr
          %td=image_tag "app/themes/freshnight/icons/arrow_down.png"
          %td(style="text-align:right") Hide Panel
    #pointsbox
      %span.points 0 points -
      %span.rank 1st in class
    #questionsbox
      0/0 questions learned (0%)
    #hwkbox
      No homework